<html>
<head>
	<title>jscolor demo</title>
</head>
<body>

	<script type="text/javascript" src="jscolor.js"></script>

	Click here: <input type="button" class="color" value="">

	<img class="color">



<br><br><br><br>
Change background: <input class="color"
	onchange="document.getElementsByTagName('BODY')[0].style.backgroundColor = '#'+this.color">
	
	
	
	
	<input class="color{pickerOnfocus:false}" id="myColor"> this field has disabled automatic showing/hiding of a picker
	
<p> Move the mouse over these buttons:

<input type="button" value="Show"
	onmousemove="document.getElementById('myColor').color.showPicker()">
<input type="button" value="Hide"
	onmousemove="document.getElementById('myColor').color.hidePicker()">
</body>
</html>
